<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Single Canvas</title>
    <script src="../dist/zrender.js"></script>
</head>
<body>
    <canvas id="main" width="1000" height="600"></canvas>
    <script type="text/javascript">
    // 初始化zrender
    var zr = zrender.init( document.getElementById('main') );

    for( var i = 0; i < 20; i ++){
        for( var j = 0; j < 20; j++){
            var image = new zrender.Image({
                position: [i * 50, j * 50],
                scale: [1, 1],
                style: {
                    x: 0,
                    y: 0,
                    image: 'asset/test.png',
                    width: 50,
                    height: 50
                },
                draggable: true
            });
            zr.add(image);
        }
    }
    </script>
</body>
</html>